.content{
	padding-top: calc(var(--bar-top) + var(--var-height) + 126rpx);
}

.class_options{
	position: fixed;
	width: 100%;
	top: 0;
	padding: 16rpx 0;
	padding-top: calc(var(--bar-top) + var(--var-height) + 40rpx);
	padding-bottom: 16rpx;
	background-color: #FFFFFF;
	z-index: 99;
	height: 70rpx;
}


.class_cont{
	width: 714rpx;
	height: 312rpx;
	background: #FFFFFF;
	border-radius: 8px;
	display: flex;
	margin: 20rpx auto;
}

.class_cont_inner {
	display: flex;
	width: 100%;
}

.class_cont .cont_img{
	margin-left: 20rpx;
	margin-top: 24rpx;
	position: relative;
}
.class_cont_inner .cont_img .img{
	width: 200rpx;
	height: 264rpx;
}
.cont_img .status{
	width: 88rpx;
	height: 32rpx;
	background: linear-gradient(270deg, #F38C2E 0%, #E7692B 100%);
	border-radius: 8px 0px 0px 8px;
	background-image: url(../../../static/image/activity/icon_2.png);
	background-size: 100% 100%;
	position: absolute;
	bottom: 36rpx;
	right:0;
}
.cont_img .line_status{
	width: 88rpx;
	height: 32rpx;
	background: linear-gradient(270deg, #F38C2E 0%, #E7692B 100%);
	border-radius: 8px 0px 0px 8px;
	background-image: url(../../../static/image/activity/icon_4.png);
	background-size: 100% 100%;
	position: absolute;
	bottom: 36rpx;
	right:0;
}
.cont_img .status .type,.cont_img .line_status .type{
	height: 32rpx;
	font-size: 12px;
	 
	font-weight: normal;
	color: #FFFFFF;
	line-height: 32rpx;
	display: flex;
	justify-content: center;
}
.class_cont .cont_detail{
	margin-right: 20rpx;
	margin-top: 24rpx;
	margin-left: 24rpx;
}

.detail_1 {
	max-height: 100rpx;
	overflow: hidden;
	.name{
		font-size: 36rpx;
		line-height: 50rpx;
		font-weight: normal;
		color: #333333;
	}
}
.detail_2,.line_detail_2{
	margin-top: 16rpx;
}
.detail_2 {
	display: flex;
	flex-wrap: wrap;
	.nodes{
		display: inline-block;
		box-sizing: border-box;
		height: 36rpx;
		border-radius: 4rpx;
		background: #F4F2F3;
		padding: 0 4rpx;
		font-size: 26rpx;
		line-height: 32rpx;
		color: #FFBB18;
		border: 2px solid #FFBB18;
		margin-right: 18rpx;
		vertical-align: top;
	}
	.tags{
		display: inline-block;
		box-sizing: border-box;
		height: 36rpx;
		font-size: 26rpx;
		line-height: 36rpx;
		padding: 0 8rpx;
		color: #FF6C25;
		margin-right: 18rpx;
		margin-bottom: 18rpx;
		background: #F4F2F3;
		border-radius: 2px;
		&:last-child {
			margin-right: 0;
		}
	}
}

.line_detail_2 .progress{
	height: 15px;
	font-size: 14px;
	font-weight: normal;
	color: #666666;
}
.detail_3{
	
}
.line_detail_3{
	margin-top: 12rpx;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.detail_3 .desc{
	height: 40rpx;
	font-size: 12px;
	 
	font-weight: normal;
	color: #666666;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: inline-block;
	width: 434rpx;
	vertical-align: top;
}
.line_detail_3 .cover{
	height: 28rpx;
	width: 16rpx;
}
.line_detail_3 .desc{
	height: 32px;
	font-size: 14px;
	 
	font-weight: normal;
	color: #666666;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: inline-block;
	width: 434rpx;
	vertical-align: top;
	margin-left: 5px;
}

.no_data{
	padding-top: 184rpx;
	margin:80rpx auto;
	text-align: center;
	margin-bottom: 160rpx;
}
.no_data .tips{
	height: 12px;
	font-size: 13px;
	 
	font-weight: normal;
	color: #999999;
	line-height: 12px;
}
.team_cont_a{
	width: 714rpx;
	height: 114rpx;
	background: #FFF0E3;
	border-radius: 8px;
	background-image: url(../../../static/image/activity/icon_5.png);
	background-size: 100% 100%;
	margin:20rpx auto;
}
.team_a_1{
	height: 48rpx;
	padding-top:30rpx;
	padding-left: 20rpx;
	display: inline-flex;
}
.team_a_1 .text{
	height: 24px;
	font-size: 36rpx;
	font-family: PingFangSC-Medium, PingFang SC;
	font-weight: 500;
	color: #7A3818;
	line-height: 24px;
}
.team_a_2{
	width: 80rpx;
	height: 80rpx;
	background: #FFFFFF;
	border-radius: 8px;
	margin-left: 26rpx;
	margin-top: 18rpx;
	display: inline-flex;
	vertical-align: top;
}
.team_a_2 .icon_room{
	width: 56rpx;
	height: 56rpx;
	margin: 12rpx
}
.team_cont_b{
	position: relative;
	width: 714rpx;
	background: #FFFFFF;
	border-radius: 8px;
	margin:20rpx auto;
	padding-bottom: 32rpx;
}
.bg_filter {
	position: absolute;
	top: 15rpx;
	left: 10rpx;
	width: 357rpx;
	height: 80rpx;
	background: #F9F7AB;
	opacity: 0.9;
	filter: blur(26rpx);
}
.team_b_1{
	padding:42rpx 20rpx 0 20rpx;
	display: flex;
	justify-content: space-between;
	position: relative;
}
.img {
	width: 88rpx;
	height: 100rpx;
}
.team_b_1 .name{
	flex-basis: 550rpx;
	font-size: 44rpx;
	font-weight: normal;
	color: #7A3818;
}
.team_b_1 .status_des{
	font-size: 36rpx;
	 
	font-weight: normal;
	color: #6DD400;
}
.team_b_1 .status_undes{
	font-size: 36rpx;
	 
	font-weight: normal;
	color: #666666;
}
.team_b_1 .status_img{
	background-image: url(../../../static/image/activity/icon_12.png);
	background-size: 100% 100%;
	width: 90rpx;
	height: 104rpx;
	position: absolute;
	right: 0rpx;
	bottom: -26rpx;
}
.team_b_2,.team_b_4{
	margin:26rpx 20rpx 0 20rpx;
}
.team_b_2 {
	.text{
		font-size: 14px;
		 
		font-weight: normal;
		color: #666666;
		display: inline-block;
		margin-right: 28rpx;
	}
	.icon_room{
		width: 36rpx;
		height: 36rpx;
	}
}

.team_b_3{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 676rpx;
	min-height: 164rpx;
	box-sizing: border-box;
	background: #FFF0E3;
	border-radius: 8px;
	margin: 32rpx auto;
	padding:26rpx 18rpx 22rpx;
	.nodes{
		height: 44rpx;
		font-size: 36rpx;
		font-weight: normal;
		color: #000000;
		line-height: 44rpx;
		display: inline-flex;
	}
	.schedule{
		width: 160rpx;
		height: 48rpx;
		text-align: center;
		line-height: 48rpx;
		background: #FF6C25;
		border-radius: 18px;
		display: block;
		font-size: 26rpx;
		font-weight: normal;
		color: #FFFFFF;
	}
}

.team_b_4{
	display: flex;
	align-items: center;
}

.team_b_4 .wx_icon{
	width: 32rpx;
	height: 32rpx;
}
.teacher{
	height: 20px;
	font-size: 30rpx;
	 
	font-weight: normal;
	color: #333333;
	line-height: 20px;
	margin-left: 16rpx;
}
.wx_num{
	height: 20px;
	font-size: 14px;
	 
	font-weight: normal;
	color: #333333;
	line-height: 20px;
	margin-right: 12rpx;
}

.processing-icon {
	width: 372rpx;
	height: 320rpx;
	margin-bottom: 36rpx;
}
.processing-text {
	font-size: 32rpx;
}
.processing-btn {
	margin: 36rpx 134rpx;
	border-radius: 54rpx;
	font-size: 32rpx;
}
.logout-btn {
	background-color: #FF6C25;
	border: none;
	color: #fff;
}
